$(function () {
    var sid = 0;
    var aid = 0;
    /* 调用 */
    initer();
    /* 初始化代码 */
    function initer() {
        itemContent();
        itemshop();
        getProduct(sid, aid);
    };
    /* 地区模板的渲染 */
    function itemContent() {
        /* ajax请求数据 */
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            dataType: "json",
            success: function (res) {
                console.log(res);
                /* 获取的是一个数组对象 */
                var html = template('item-xr', res);
                $('#item-xx').html(html);
            }
        });
        /* 点击切换 */
        $('#item-xx').on('click', 'li', function () {
            $(this).find(".gouxuan").removeClass("hidden")
            $(this).siblings().find(".gouxuan").addClass('hidden');
            /* 要点：substring截取 */
            var di = $(this).text().substring(0, 2);
            $('#diqu').text(di);
            aid = $(this).data('areaid');
            getProduct(sid, aid);
        })
        /* 点击获取相对应获取数据获取数据 */
    };
    /* 超市模板的渲染 */
    function itemshop() {
        /* ajax请求数据 */
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshop",
            dataType: "json",
            success: function (res) {
                console.log(res);
                var html = template('item-shop', res);
                $('#item-sp').html(html)
            }
        });
        /* 点击切换 */
        $('#item-sp').on('click', 'li', function () {
            /* 让其兄弟元素的子元素类名gouxuan隐藏 */
            $(this).find(".gouxuan").removeClass("hidden")
            $(this).siblings().find(".gouxuan").addClass('hidden');
            //  console.log($(this).text());
            var text = $(this).text();
            $('#jingdong').text(text);
            sid = $(this).data("shopid");
            getProduct(sid, aid);
        })
    };
    /*获取商品列表的信息*/
    function getProduct(sid, aid) {
        $.get("http://193.112.55.79:9090/api/getgsproduct", {
            shopid: sid,
            areaid: aid
        }, function (res) {
            console.log(res);
            /* 根据数据请求回来再进行模板渲染 */
            var html = template('item-splb', res);
            $('#item-pro').html(html);
        })
    };
})